@import "../../styles/variables.scss";
$arrow-size: 5px;
.lf-dropdown {
  cursor: pointer;
}
.lf {
  position: absolute;
  border-radius: 0.2em;
  box-shadow: var(--dropdown-menu-shadow--);
}
.lf-hidden {
  display: none;
}
.lf-arrow {
  border: $arrow-size solid;
}
.lf-placement-topLeft,
.lf-placement-top,
.lf-placement-topRight {
  .lf-arrow {
    border-color: var(--dropdown-menu-bg--) transparent transparent transparent;
    transform: translate(-$arrow-size, 2 * $arrow-size);
  }
}
.lf-placement-bottomLeft,
.lf-placement-bottom,
.lf-placement-bottomRight {
  .lf-arrow {
    border-color: transparent transparent var(--dropdown-menu-bg--) transparent;
    transform: translate(-$arrow-size, -$arrow-size * 2);
  }
}
.lf-placement-left {
  .lf-arrow {
    border-color: transparent transparent transparent var(--dropdown-menu-bg--);
    transform: translate(2 * $arrow-size, -$arrow-size);
  }
}
.lf-placement-right {
  .lf-arrow {
    border-color: transparent var(--dropdown-menu-bg--) transparent transparent;
    transform: translate(-2 * $arrow-size, -$arrow-size);
  }
}
